/* CSS Document */
.yuan{
	background:linear-gradient(to bottom,black 0%,black 50%,white 51%);
    width:300px;
	height:300px;
	border: solid black 1px;
	border-radius: 50%;
	position: relative;
	animation: spin 2s;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
    }
.yuan::before{
	content: "";
	width:80px;
	height:80px;
	background: black;
	border: solid white 35px;
	border-radius: 50%;
	position: absolute;
	top: 88px;
	left: 1px;
    }
.yuan::after{
	content: "";
	width:80px;
	height:80px;
	background: white;
	border: solid black 35px;
	border-radius: 50%;
	position: absolute;
	bottom: 88px;
	right: 0px;
    }

@keyframes spin {
	from{
		transform: rotate(0deg);
	}
	to{transform: rotate(360deg)
	}
}